<template>
  <view class="addBank">
    <view class="addBank-item">
      <text>请输入对方账户ID</text>
      <view class="item-input">
        <input class="input" placeholder="请输入对方ID" placeholder-class="tips" />
        <uni-icons type="arrowright" size="14"></uni-icons>
      </view>
    </view>
    <view class="addBank-item">
      <view class="row1">
        <text>请输入转账金额</text>
        <text>当前余额:  ￥600.00</text>
      </view>
      <view class="item-input">
        <input class="input" />
        <uni-icons type="arrowright" size="14"></uni-icons>
      </view>
      <view class="allMoney">
        <text>全部余额</text>
      </view>
    </view>
    <view class="item-save"><button type="default">提交申请</button></view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  }
};
</script>

<style lang="scss">
.addBank {
  padding-top: 56rpx;
  padding-left: 23.5rpx;
  .addBank-item {
    width: 690rpx;
    height: 132rpx;
    margin-bottom: 59rpx;
    text {
      color: #333333;
      font-size: 24rpx;
    }
    .row1 {
      display: flex;
      justify-content: space-between;
    }
    .item-input {
      .tips {
        color: #CFCFCF;
        font-size: 28rpx;
        margin-left: 26rpx;
      }
      height: 80rpx;
      border: 1rpx solid #c3c3c3;
      border-radius: 5rpx;
      display: flex;
      justify-content: space-between;
      margin-top: 26.5rpx;
      align-items: center;
    }
    .allMoney {
      display: flex;
      justify-content: flex-end;
      margin-top: 23.5rpx;
      text {
        color: #E5AD5B;
      }
    }
  }
  .item-save {
    width: 690rpx;
    height: 80rpx;
    // margin-left: 20.5rpx;
    font-size: 30rpx;
    text-align: center;
    line-height: 80rpx;
    background-color: #202029;
    // margin-top: 95rpx;
    margin-top: 99rpx;
    button {
      background-color: #202029;
      color: #ffffff;
      font-size: 30rpx;
    }
  }
}
</style>
